<template>
  <h1>隐藏显示指令</h1>
  <p v-if="true">隐藏显示指令字段1</p>
  <p v-if="false">隐藏显示指令字段2</p>
  <p>隐藏显示指令字段3</p>

  <hr>

  <p v-if="isShow">🌙</p>
  <p v-if="isShow">⭐</p>
  <p v-else>☀</p>

  <hr>
  <p v-show="false">🚆</p>
  <p v-if="false">🚀</p>

</template>

<script setup>
import {ref} from "vue";

const isShow = ref(true);
</script>

<style scoped>

</style>